<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>表单</title>
	<style>
		*{padding:0;margin:0;}
		form{width:500px;margin:50px auto;}
		p{margin-top:15px;}
		textarea{vertical-align:top;}
		input[type="reset"]{margin-left:10px;}
	</style>
 </head>
 <body>
	<form action="" method="post">
    <p>用户名：<input type="hidden" name="userName" value="这个是个隐藏的文本框" size=25 /></p>
		<p>文本框：<input type="text" name="text" value="这是一个文本框" size=25 maxlength="8" readonly="readonly"/></p>
		<p>密码框：<input type="password" name="password"  size="25"/></p>
		<p>性别(单选按钮)：<input type="radio" name="sex" checked="checked"/> 男 
		<input type="radio" name="sex"/> 女</p>
		
		<p>爱好(多选按钮)：<input type="checkbox" name="like" checked="checked"/> 吃 
		<input type="checkbox" name="like"/> 玩
		<input type="checkbox" name="like"/>睡觉
		<input type="checkbox" name="like"/>赛车</p>
		<p>简历上传(文件域)：<input type="file" name="file"/></p>
        <p>城市(下拉列表)：
        <select name="city">
          <option value="北京">北京</option>
          <option value="上海" selected="selected">上海</option>
          <option value="南京">南京</option>
          <option value="河北">河北</option>
          </select></p>
          <p>个人简介(多行文本框)：<textarea cols="30" rows="10" name="area">个人喜欢玩电脑，性格开朗，活泼好动~~~~~~</textarea></p>
		<p><input type="submit" value="提交" disabled="disabled"/>&nbsp;<input type="reset" value="重置"/>&nbsp;<input type="button" value="普通按钮"/>&nbsp;<input type="image"  src="img/login.gif"/></p>
	</form>
 </body>
</html>
